				<div id="cnt" style="width:100%;height:100%;">
					<table id="dg" class="easyui-datagrid" title="Custom DataGrid Pager" style="width:auto;"
					data-options="rownumbers:true,fit:true,fitColumns:true,singleSelect:true,pagination:true,url:'../datagrid/datagrid_data1.json'">
						<thead>
							<tr>
								<th data-options="field:'itemid',width:80">Item ID</th>
								<th data-options="field:'productid',width:100">Product</th>
								<th data-options="field:'listprice',width:80,align:'right'">List Price</th>
								<th data-options="field:'unitcost',width:80,align:'right'">Unit Cost</th>
								<th data-options="field:'attr1',width:240">Attribute</th>
								<th data-options="field:'status',width:60,align:'center'">Status</th>
							</tr>
						</thead>
					</table>
				</div>
				<script type="text/javascript">
					$(function() {

						var pager = $('#dg').datagrid('getPager');
						// get the pager of datagrid
						pager.pagination({
							buttons : [{
								iconCls : 'icon-search',
								handler : function() {
									alert('search');
								}
							}, {
								iconCls : 'icon-add',
								handler : function() {
									alert('add');
								}
							}, {
								iconCls : 'icon-edit',
								handler : function() {
									alert('edit');
								}
							}]
						});

						$('#dg').datagrid({
							width : $('#ctn').width(),
							height : $('#ctn').height()
						});

					});

				</script>